/* default table */
.markdown-rendered tbody tr:nth-child(odd) {
    background-color: hsla(var(--interactive-accent-hsl), 0.1);
}

.theme-light {
    --table-background-color: rgba(248, 212, 212, 0.02);
    --table-thead-background-color: rgba(0, 0, 0, 0.1);
    --table-hover-color: rgba(0, 0, 0, 0.03);
    --table-hover-raw-color: rgba(0, 0, 0, 0.05);
    --table-hover-thead-color: var(--table-thead-background-color);
    --table-border-width: 0px;
    --table-shadow-color: rgba(0, 0, 0, 0.3);
    --table-border-color: black;
}

.theme-dark {
    --table-background-color: rgba(100, 100, 100, 0.3);
    --table-thead-background-color: rgba(0, 0, 0, 0.5);
    --table-hover-color: rgba(0, 0, 0, 0.5);
    --table-hover-raw-color: rgba(0, 0, 0, 0.1);
    --table-hover-thead-color: var(--table-thead-background-color);
    --table-border-width: 0px;
    --table-shadow-color: rgba(255, 255, 255, 0.3);
    --table-border-color: grey;
}

:is(.markdown-preview-view, .markdown-rendered, .markdown-source-view) th,
:is(.markdown-preview-view, .markdown-rendered, .markdown-source-view) thead tr>th:nth-child(2n+2) {
    background-color: var(--table-thead-background-color);
    font-family: var(--font-family-strong);
}

/*table hover*/
:is(.markdown-preview-view, .markdown-rendered, .markdown-source-view) td:hover,
:is(.markdown-preview-view, .markdown-rendered, .markdown-source-view) thead tr>th:nth-child(2n+2):hover {
    background-color: var(--table-hover-color);
}

/*table raw hover*/
:is(.markdown-preview-view, .markdown-rendered, .markdown-source-view) table tbody>tr:hover {
    background-color: var(--table-hover-raw-color);
}

:is(.markdown-preview-view, .markdown-rendered, .markdown-source-view) th:hover {
    background-color: var(--table-hover-thead-color);
}

:is(.markdown-preview-view, .markdown-rendered, .markdown-source-view) tbody tr:nth-child(odd):hover,
:is(.markdown-preview-view, .markdown-rendered, .markdown-source-view) tbody tr:hover {
    background: var(--table-hover-raw-color);
    transform: scale(1.01);
    transition: transform 0.1s cubic-bezier(0.11, 0.33, 0.23, 0.33);
}

:is(.markdown-preview-view, .markdown-rendered, .markdown-source-view) tbody td:hover {
    background: var(--table-hover-color);
    transform: scale(1.01);
    transition: transform 0.1s cubic-bezier(0.22, 0.66, 0.46, 0.66);
}


:is(.markdown-preview-view, .markdown-rendered) :is(th, td) {
    padding: 4px 10px;
    border: none;
    text-align: center;
}

:is(.markdown-preview-view, .markdown-rendered) table {
    box-shadow: 5px 5px 12px var(--table-shadow-color);
}

.markdown-preview-view table,
.markdown-source-view.mod-cm6 table {
    /* border: var(--border-width) solid var(--border-color); */
    /* border-left: 1.42px solid black; */
    /* border-right: 1.42px solid black; */
    border-collapse: collapse
}

table {
    /* border-top: 1.5px solid black; */
    /* border-bottom: 3px solid black; */
    /* text-align: left; */
    --table-edge-cell-padding-first: 10px;
    --table-edge-cell-padding-last: 10px;
}

thead {
    border-top: 2.86px solid var(--table-border-color);
    border-bottom: 1.42px solid var(--table-border-color);
    text-align: left;
}

tbody {
    border-bottom: 2.86px solid black;
}

div:is(.markdown-preview-view, .markdown-rendered) :is(th, td) {
    border: var(--table-border-width) solid var(--table-border-color);
}

/* table ends */